<template>
  <div class="register-guide">
    <!-- Content -->
    <view class="content">
      <!-- B1 Venue-type Merchants Section -->
      <view class="section">
        <view class="section-title">B1 场馆类商户 (场馆、营地、基地、景区等)</view>

        <view class="section-content">
          <view class="intro-text">
            场馆是研学产品的核心，但传统采购模式难以实现规模化增长。纤程平台通过"产品模块化"解决方案，将场馆、课程、导师、服务等打包成标准化组件，简化旅行社(B2)的采购流程。
          </view>

          <view class="benefits-section">
            <view class="benefits-title">平台助您：</view>
            <view class="benefits-list">
              <view class="benefit-item">• 变被动为主动：从被动等待采购到主动输出标准化产品到全国渠道</view>
              <view class="benefit-item">• 极简化对接：B2商户可轻松组合资源，像"搭积木"般打造研学产品</view>
              <view class="benefit-item">• 实现规模增长：高效触达全国合作伙伴，突破地域限制，提升场馆利用率与收入</view>
            </view>
          </view>

          <view class="support-section">
            <view class="support-title">核心业务支持：</view>
            <view class="support-text">泛营地研学接待、团体门票预订</view>
          </view>

          <view class="cta-section">
            <view class="cta-text">
              加入纤程旅行网，共创未来！资源整合、智能协同、全链路服务，让您的场馆成为研学行业的"增长引擎"。立即入驻，开启高效增长新篇章！
            </view>
          </view>
        </view>
      </view>

      <!-- B2 Travel Agency-type Merchants Section -->
      <view class="section">
        <view class="section-title">B2 旅行社类商户 (地接社、组团社、综合研学机构)</view>

        <view class="section-content">
          <view class="intro-text">
            作为产业链关键组织者，您是否常为产品开发慢、跨区域协作难、获客推广效率低而困扰？
          </view>

          <view class="intro-text">
            纤程平台是"一站式供应链与运营中台"，为您提供三大支撑：
          </view>

          <view class="supports-section">
            <view class="support-item">
              <view class="support-number">1.</view>
              <view class="support-content">
                <view class="support-item-title">海量资源库，快速打造竞争力产品</view>
                <view class="support-item-desc">
                  平台汇聚全国标准化资源模块(如目的地接待包、营地包等)，助您组合多样化、有竞争力的研学产品，降低研发成本，提升运营效率。
                </view>
              </view>
            </view>

            <view class="support-item">
              <view class="support-number">2.</view>
              <view class="support-content">
                <view class="support-item-title">多渠道分销，轻松拓展业务规模</view>
                <view class="support-item-desc">
                  可进行目的地接待、研学组团、综合研学等业务，触达全国组团社及本地课外机构(B3)，实现产品重复销售，平衡淡旺季压力。
                </view>
              </view>
            </view>

            <view class="support-item">
              <view class="support-number">3.</view>
              <view class="support-content">
                <view class="support-item-title">线上协作台，提升全程运营效率</view>
                <view class="support-item-desc">
                  从资源确认、行程同步到任务跟踪，线上流程管理减少沟通误差，确保服务可靠高效。让您从繁琐事务中解脱，专注课程设计、服务体验与市场开拓。
                </view>
              </view>
            </view>
          </view>

          <view class="cta-section">
            <view class="cta-text">
              加入纤程旅行网，共创未来！资源整合、智能协同、全链路服务，让您的旅行社成为研学行业的"增长引擎"。立即入驻，开启高效增长新篇章！
            </view>
          </view>
        </view>
      </view>

      <!-- B3 Extracurricular Institutions Section -->
      <view class="section">
        <view class="section-title">B3 校外机构类商户 (教培机构、托管中心、学校等)</view>
        
        <view class="section-content">
          <view class="intro-text">
            您拥有直接的学生与家长资源，希望零风险、轻资产地拓展研学业务？
          </view>

          <view class="platform-solution">
            纤程平台是您"即插即用的研学产品货架"，提供：
          </view>

          <view class="benefits-section">
            <view class="benefit-item">
              <view class="benefit-title">零成本上线：</view>
              <view class="benefit-desc">无需研发投入，海量严选标准化产品即选即用，提升客单价与客户黏性。</view>
            </view>

            <view class="benefit-item">
              <view class="benefit-title">全流程保障：</view>
              <view class="benefit-desc">平台已完成上游资源与产品的审核，标准化的服务流程与合约，为您屏蔽运营与安全风险。</view>
            </view>

            <view class="benefit-item">
              <view class="benefit-title">真正的轻资产：</view>
              <view class="benefit-desc">您只需专注招生和维护客户，课程设计、后勤执行等专业工作交由平台合作伙伴完成。</view>
            </view>
          </view>

          <view class="conclusion-section">
            <view class="conclusion-text">
              无需自建供应链，即可安全、高效地为学生提供高质量研学体验，巩固您"一站式成长伙伴"的定位。
            </view>
          </view>
        </view>
      </view>

      <!-- Global Call to Action -->
      <view class="global-cta-section">
        <view class="cta-title">入驻纤程旅行网，携手共创未来</view>
        <view class="cta-description">
          纤程旅行网以资源整合、智能协同与全链路服务，为研学产业链的每一位伙伴提供增长引擎。
        </view>
        <view class="cta-action">立即入驻，开启高效增长新篇章！</view>
      </view>
    </view>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateBack();
    }
  }
}
</script>

<style scoped>
.register-guide {
  min-height: 100vh;
  background-color: #f5f5f5;
}

/* Header Styles */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 30rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #eee;
}

.header-left {
  display: flex;
  align-items: center;
  padding: 10rpx 20rpx;
  background-color: #ffe8f0;
  border-radius: 30rpx;
}

.back-text {
  margin-left: 10rpx;
  color: #ff6b9d;
  font-size: 28rpx;
}

.header-title {
  font-size: 36rpx;
  font-weight: 600;
  color: #333;
}

.header-right {
  display: flex;
  align-items: center;
}

.menu-icon {
  width: 40rpx;
  height: 40rpx;
  background-color: #ff6b9d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rpx;
}

.dot {
  width: 6rpx;
  height: 6rpx;
  background-color: #fff;
  border-radius: 50%;
}

/* Content Styles */
.content {
  padding: 30rpx;
}

.section {
  background-color: #fff;
  border-radius: 20rpx;
  margin-bottom: 30rpx;
  padding: 40rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
}

.section-title {
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 30rpx;
  line-height: 1.4;
}

.section-content {
  display: flex;
  flex-direction: column;
  gap: 30rpx;
}

.intro-text {
  font-size: 28rpx;
  color: #333;
  line-height: 1.6;
}

.benefits-section {
  background-color: #f8f9fa;
  padding: 30rpx;
  border-radius: 16rpx;
  border-left: 6rpx solid #4caf50;
}

.benefits-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 20rpx;
}

.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 16rpx;
}

.benefit-item {
  font-size: 26rpx;
  color: #666;
  line-height: 1.5;
}

.support-section {
  background-color: #f0f8ff;
  padding: 30rpx;
  border-radius: 16rpx;
  border-left: 6rpx solid #2196f3;
}

.support-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 16rpx;
}

.support-text {
  font-size: 26rpx;
  color: #666;
  line-height: 1.5;
}

.supports-section {
  display: flex;
  flex-direction: column;
  gap: 30rpx;
}

.support-item {
  display: flex;
  align-items: flex-start;
  gap: 20rpx;
  padding: 30rpx;
  background-color: #f8f9fa;
  border-radius: 16rpx;
  border-left: 6rpx solid #ff9800;
}

.support-number {
  font-size: 32rpx;
  font-weight: 600;
  color: #ff9800;
  min-width: 40rpx;
}

.support-content {
  flex: 1;
}

.support-item-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 16rpx;
  line-height: 1.4;
}

.support-item-desc {
  font-size: 26rpx;
  color: #666;
  line-height: 1.6;
}

.cta-section {
  background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);
  padding: 30rpx;
  border-radius: 16rpx;
  margin-top: 20rpx;
}

.cta-text {
  font-size: 28rpx;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  font-weight: 500;
}

/* B3 Section Styles */
.platform-solution {
  font-size: 28rpx;
  color: #333;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 20rpx;
}

.benefit-item {
  background-color: #f8f9fa;
  padding: 30rpx;
  border-radius: 16rpx;
  border-left: 6rpx solid #9c27b0;
  margin-bottom: 20rpx;
}

.benefit-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #9c27b0;
  margin-bottom: 16rpx;
}

.benefit-desc {
  font-size: 26rpx;
  color: #666;
  line-height: 1.6;
}

.conclusion-section {
  background-color: #f0f8ff;
  padding: 30rpx;
  border-radius: 16rpx;
  border-left: 6rpx solid #2196f3;
  margin-top: 20rpx;
}

.conclusion-text {
  font-size: 28rpx;
  color: #333;
  line-height: 1.6;
  font-weight: 500;
}

/* Global CTA Section */
.global-cta-section {
  background: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%);
  padding: 50rpx 40rpx;
  border-radius: 20rpx;
  margin-top: 30rpx;
  text-align: center;
  box-shadow: 0 8rpx 30rpx rgba(255, 107, 157, 0.3);
}

.cta-title {
  font-size: 36rpx;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20rpx;
  line-height: 1.4;
}

.cta-description {
  font-size: 28rpx;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 30rpx;
  opacity: 0.95;
}

.cta-action {
  font-size: 32rpx;
  font-weight: 600;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20rpx 40rpx;
  border-radius: 50rpx;
  display: inline-block;
  border: 2rpx solid rgba(255, 255, 255, 0.3);
}
</style>